/* pages/shopping/shopping.wxss */
@import '../../common/scss/base.scss';
@import '../home-class/home-class.scss';
@import '../../common/scss/animation.scss';
// 背景色
page{
  background: $theme-color;
  box-sizing: border-box;
  position: relative;
  margin-bottom:20rpx;
  ::-webkit-scrollbar{
    width: 0;
    height: 0;
    color: transparent;
  }
  .show-one-img{ 
    width: 750rpx;
    height: 360rpx;
  }
  .go-top{
    position: fixed;
    bottom: 32rpx;
    right: 22rpx;
    width: 72rpx;
    height: 68rpx;
    z-index: 99;
  }
  .prompt {
    width: 440rpx;
    height: 60rpx;
    background-image: url("http://static-1253586872.file.myqcloud.com/mfq/production/url/637eb4658aa74314afc57f5c4f0053a7.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
    font-size: 24rpx;
    color: #353535;
    letter-spacing: 0;
    line-height: 74rpx;
    position: absolute;
    top: -60rpx;
    right: 16rpx;
    transition: all 0.5s linear;
    z-index: 99;
  }
  .slideDownX {
    top: 10rpx;
  }
  .slideUp {
    top: -60rpx;
  }
}
// 搜索
.shopping-search{
  background-color:#C8253B;
  padding: 18rpx 30rpx;
  position:relative;
  overflow: hidden;
  .shopping-search-bg{
    box-sizing: border-box;
    width: 686rpx;
    height: 72rpx;
    background-color:#ffffff;
    border-radius: 36rpx;
    font-size: 24rpx;
    color: #8E8E93;
    display:flex;
    align-items:center;
    padding:0 22rpx;
    .van-icon-search {
      margin: 24rpx 25rpx 24rpx 0;
      font-size: 34rpx;
    }
  }
}
.shop-swiper{
  width: 100%;
  height: 360rpx;
  image{
    width: 100%;
    height: 100%
  }
}
// 商品分类
.shopping-type{
  position: sticky;
  top: 0;
  z-index: 3;
  .shopping-scroll{
    width: 750rpx;
    background-color: #C8253B;
    white-space:nowrap;
    padding-left:30rpx;
    line-height: 64rpx;
    box-sizing: border-box;
    overflow: hidden;
    .selectTitle{
      display: inline-block;
      font-size: 28rpx;
      color: #FFFFFF;
      margin-right: 48rpx;
      text-align: center;
      box-sizing: border-box;
      padding: 0 10rpx;
    }
    .changeTypes{
      border-bottom: 5rpx solid transparent;

    }
    .changeType{
      // color: #FF7008;
      border-bottom: 5rpx solid #ffffff;
      transition: all 1s ease 0s;
    }
  }
}
.no-has{
  text-align: center;
  font-size: 32rpx;
  color: #9DA2A7;
  margin-top: 50rpx;
}
// 分类模块内容-------
// 商家保证
.shop-promise{
  display: flex;
  justify-content: space-between;
  // background-color: #FFF8ED;
  background-color: #ffffff;
  padding: 20rpx 32rpx;
  border-bottom: 2rpx solid #F0F0F0;
  .promise-item{
    display: flex;
    align-items: center;
    font-size: 24rpx;
    color: #ff7008;
    .van-icon-passed {
      font-size: 30rpx;
      margin-right: 12rpx;
      display:block;
    }
  }
}
// 四个模块
.shopping-module{
  background-color:#ffffff;
  display:flex;
  justify-content:space-between;
  padding: 48rpx 64rpx 0;
  box-sizing: border-box;
  view{
    text-align: center;
    font-size:0;
    .img-border{
      // width: 108rpx;
      // height: 108rpx;
      image{
        width: 108rpx;
        height: 108rpx;
      }
    }
    .module-text{
      font-size: 24rpx;
      color:#494949;
      margin-top: 4rpx;
    }
  }
}
// 爆款/特价
.shopping-hot-goods{
  margin:0 16rpx;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  view{
    image{
      width: 100%;
      height: 100%;
    }
  }
  .hot-left,.hot-right{
    width: 354rpx;
    height: 408rpx;
    margin-bottom: 8rpx;
    overflow: hidden;
  }
  .hot-right-top{
    width: 100%;
    height: 200rpx;
  }
  .hot-right-top:nth-child(2){
    margin-top: 8rpx;
  }
  .hot-right-bottom{
    width: 354rpx;
    height: 200rpx;
  }
  .hot-left-bottom{
		width: 354rpx!important;
		height: 200rpx;
  }
}
// 当日爆款
.shopping-open-reds{
  // padding: 24rpx 16rpx 12rpx;
  padding: 24rpx 0 12rpx;
  // background-color:#FFF8ED;
  background-color:#ffffff;
  .shopping-bursting-red{
    height: 262rpx;
    image{
      width: 100%;
      height: 100%;
    }
  }
}
.shopping-hot-bursting{
  padding: 24rpx 16rpx 32rpx;
  // background-color:#FFF8ED;
  background-color:#ffffff;
  .shopping-bursting-show{
    height: 156rpx;
    border-radius: 78rpx;
    image{
      width: 100%;
      height: 100%;
    }
  }
}
.img-animation{
  animation: goback 2s infinite;
}
@keyframes goback {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
// 多拿推荐
.shopping-take:first-child{
  margin:32rpx 0 12rpx;
}
.shopping-take{
  width: 100%;
  text-align: center;
  margin:12rpx 0 12rpx;
  .shopping-take-recommend{
		// font-size: 36rpx;
		// font-weight: bold;
    // color: #494949;
    font-size:38rpx;
    font-weight:bold;
    color:#000000;
  }
  .shopping-take-describe{
    color: #9DA2A7;
    font-size: 22rpx;
    // font-size: 24rpx;
  }
}
.shopping-take-goods{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding:20rpx 20rpx 0;
  box-sizing: border-box;
}
